body {
	background: #eee; 
	margin: 0;
	font-family: "PT Serif", Arial;
	
}

h1 {
	margin: 5px 0 15px 0;
}
.wrapper {
	background: #fff;
	width: 700px;
	padding: 5px 20px 15px;
	margin: 0 auto; 
	box-shadow: 0 0 20px #ccc;
}
a { color: darkblue; }
a:hover { color: darkred; }
.clear { clear: both; }

ul.dropdown li { position: relative; }
ul.dropdown,
ul.dropdown-inside {
	list-style-type: none;
	padding: 0;
}
ul.dropdown-inside { 
	position: absolute;
	left: -9999px;
}
ul.dropdown li.dropdown-top {
	display: inline;
	float: left;
	margin: 0 1px 0 0; 
}
ul.dropdown li.dropdown-top a {
	padding: 3px 10px 4px;
	display: block;
}
ul.dropdown a.dropdown-top { background: #efefef; }
ul.dropdown a.dropdown-top:hover { padding: 2px 10px 5px; }
ul.dropdown li.dropdown-top:hover .dropdown-inside {
	display: block;
	left: 0;
}
ul.dropdown .dropdown-inside { background: #fff; }
ul.dropdown .dropdown-inside a:hover { background: #efefef;	 }




